<template>
  <div>
      主页面
      <ul>
          <li>
              <router-link to="/home/A">A</router-link>
          </li>
          <li>
              <router-link to="/home/B">B</router-link>
          </li>
          <li>
              <router-link to="/home/C">C</router-link>
          </li>
      </ul>
      <router-link to="/home/A?id=1&name=小明">A传参</router-link>
      <router-link :to="{
          name:'A',
          query:{name:'小刘',id:'2'}
      }">A传参
      </router-link>
      <router-link :to="{ name:'B' ,params:{id:'3',name:'赵六'},}">B传值</router-link>
      <router-link :to="{
          name:'C',
          params:{
              id:'12',
              name:'测试'
          },
          query:{
              age:'10'
          }
      }">C传值</router-link>
      <router-view></router-view>
  </div>
</template>

<script>
export default {
  comments: {},
  data() {
      return {}
  },
  methods: {}
}
</script>

<style lang="less"></style>